*{margin: 0px;padding: 0px;list-style-type: none;font-family:"微软雅黑";}
.center{width: 93%;margin: 0.938em auto;background-color: rgba(255, 255, 255, 1);box-shadow: 0px 2px 1px 0px lightgrey;}
.allCenter{position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;margin: auto;}
.lfloat{float: left;}
.rfloat{float: right;}
.yellow{color: #ff8a00;}
a:link{background: rgba(0,0,0,0) !important;}
a:visited{background: rgba(0,0,0,0) !important;}
a:hover{background: rgba(0,0,0,0) !important;}
a:active{background: rgba(0,0,0,0) !important;}



@media screen and (max-width: 375px) {
    body {
       font-size: 90%;
    }
    body #list .textbox{margin:0 0.438em 0.7em;}
     #change  .page .myHead .inner input{bottom: 1.6em !important;}
     #change  .page .myHead .inner p{bottom: 0.5em !important;}
     #ranking .zhTitle .mui-col-sm-11 .mui-col-sm-3{width: 5.9em !important;}
    
}
/*选择注册还是绑定*/
.chooseBZ{text-align: center;line-height:2em;}
.chooseBZ .mui-col-xs-6{height:3em;line-height:3em;}
.chooseBZ .mui-col-xs-6 a{color: black;}
.chooseBZ .mui-col-xs-6 .active{color:rgb(43,146,217);text-align: center; }
.chooseBZ .mui-col-xs-6 .active hr{width: 15%;border-color:rgb(43,146,217);margin: 0 auto;}
.inner hr{margin-top: 0;margin-bottom: 0;}
.mui-col-sm-6 li{padding-left: 0;}
#login #zc_getCodeBtn,#login #foget_getCodeBtn{    position: absolute;right: 0;width: 6em;padding: 0.6em;top: 0em;margin-top: 0;}
#list hr{margin-bottom: 0.5em;}
@media screen and (max-width: 320px) {
    body {
       font-size: 85%;
    }
    body #list .textbox{margin:0 0.438em 0.7em;}
    body #spectilf{font-size: 0.6em;}
     #change  .page .myHead .inner input{bottom: 2em !important;}
     #change  .page .myHead .inner p{bottom: 0.7em !important;}
     #ranking .zhTitle .mui-col-sm-11 .mui-col-sm-3{width: 5.3em !important;}
}
.green{color: #45d686 !important;}
.gray{color: #a9a9a9;}
.red{color: red !important;}
.blue{color:#2594df !important;}
.redYuan{border: 1px solid red;color: red;border-radius: 20%;padding: 0.3em;box-shadow: 1px 0 1px red;}
.greenYuan{border: 1px solid #64dd9a;color: #64dd9a;border-radius: 20%;padding: 0.3em;box-shadow: 1px 0 1px #64dd9a;}
.bgGreen{background: green !important;}
.lightGray{background: lightgray;}
.padding100{padding-bottom: 100px;}
.noMore{text-align: center;}
.textRight{float: right;}
/*list*/
#list .center{background-color: rgba(255, 255, 255, 1);box-shadow: 0px 2px 1px 0px lightgrey;
}
#list .center .inner{padding: 0 0.625em 0.625em 0.625em;vertical-align:bottom}
#list  .mui-navigate-right:after, .mui-push-right:after{color: #6a7fa5;}
hr{border: solid 1px rgba(238, 238, 238, 1);}
/*#list hr{margin-top: -0.5em;}*/
.newImg{width:100%;height:6.5em;background-size: cover;background:  center center;}
#list .textbox span{font-size: 0.95em;}
#list .textbox span:nth-child(1){color: #a9a9a9;}
/*#list .textbox span:nth-child(2){color: #45d686;}*/
#list .textbox{margin:0  0  1.1em 0.438em ;}

#list button{margin-left: 0.188em;font-size:0.875em ;float: right;}
#list .mui-table-view-cell{  padding: 11px 0px}  
#list.mui-navigate-right:after, .mui-push-right:after{right: 11px;}


/*change*/
#change .choose .mui-col-sm-4 a{display: inline-block;height: 3em;color: rgb(51,51,51);
width: 100%;text-align: center;line-height: 3em;font-size:1em;background: #EFEFF4;}
#change .choose .mui-col-sm-4 a hr{width: 20%;margin: -0.1em auto;opacity: 0;}
#change .choose .mui-col-sm-4 a:hover{background: #EFEFF4 !important;}
#change .choose .mui-col-sm-4 .active hr{border-color: rgb(43,146,217) !important;width: 20% !important;margin: -0.1em auto !important;opacity: 1 !important;}
#change  .page{position: relative;}
#change  .page .myHead{height: 8em;background: url(../img/RankingList_banner.png);text-align: center;overflow: hidden;}
#change  .page .myHead .inner{margin: 0;padding: 0;}
#change  .page .myHead .inner p{color: white;font-size: 1.4em;position: relative;bottom: 0.3em;}
#change  .page .myHead .inner input{border: none;background: rgba(255,255,255,0);padding: 0;margin: 0;text-align: center;
border-bottom: 1px solid white;color: white;position: relative;bottom: 1.4em;font-size: 0.8em;height: 1.7em;width: 70%;}
#change  .page .myHead img{width: 5em;height: 5em;border-radius: 50%;}
#change  .page .myHead .headBox {position: relative;width: 5em;height: 5em;margin: 1em auto;}
#change  .page .myHead .headBox i{font-size: 1.3em;color: white;position: relative;left: 2px;top: -2px;}
#change  .page .myHead .headBox  .wrap{width: 1.6em;height:1.6em;background: rgb(43,146,217);border-radius: 50%;position: absolute;
top: 0;right: -1px;}
#change  .page .nohas{width: 17em;height:18.750em;text-align: center;margin-top: 6em;}
#change  .page .nohas img{width:12.500em;}
#change  .page .nohas p{font-size: 1em;margin-top: 1.250em;}
#change  .page .nohas span{color: rgb(43,146,217);}
#change  .page .nohas .span2{color: red;}
#change  .page .nohas a{text-decoration: underline;color: #2a92da;font-size: 1.125em;}
#change .alist .mui-col-sm-6{border-bottom: 1px solid lightgray;padding: 0.6em;}
#change .alist .boderbottom{border-bottom: 1px solid lightgray;padding: 0.6em;}
#change .state{margin-left: 1.250em;}
#change  .inner{margin: 0.625em 0.625em ;font-size: 0.775em;padding-bottom: 0.7em;}
#change  .promit{padding: 0.3em 0.938em}
#change  .promit .textbox p:nth-child(1){color: #2b92d9;font-size: 16px;}

#change  .inner .newImg{margin-top: 0.8em;height: 6.3em;background: url("../img/cang.png") no-repeat;}
#change .tui{border: 1px solid red;color: red;border-radius: 20%;padding: 0.2em;}


/*binding*/
#bind form{width: 93%;margin: 0.938em auto;font-size: 0.98em;}
#bind form label{text-align: justify;}
#bind form input{font-size: 0.98em;float: left;}

#bind .callMe .inner{padding:0.3em 0.938em;text-align: left;}
#bind .callMe .inner img{width: 1.250em;position: relative;top: 0.2em;}
#bind .callMe .inner span{margin-left: 0.6em;font-size: 0.9em;}
#bind .textBox{color:rgb(255,0,0);padding:0.9em ;line-height: 1.8em;font-size: 0.9em;text-align: justify;}
#bind #buttons button{width: 44%;margin: 0.238em 0 0.938em 0.938em;height: 3.125em;}
#bind .getCode{position: relative;}
#bind .getCode button{position:absolute;right: 0;width: 6em;padding: 0.6em;top: 0.2em;}


/*切换*/
#switch .split p{display: inline-block;margin: 0;color: black;}
#switch .split{border-bottom: 1px solid lightgray;padding: 0.938em}
#switch .split span{color: red;font-size:2em;font-weight: bold;}
#switch .split .shen{font-size: 1em;font-weight: 500;}

/*添加账户*/
#addAccount .box{width:4em;height:4em;border: 1px solid lightgray;}
#addAccount{padding:0.938em ;}
#addAccount .box p{font-size: 3.875em;text-align: center;font-weight: bolder;}
#addAccount .box a{display: block;width: 100%;height: 100%;}



/*跟单设置*/
#gen .percentage{font-size: 1.6em;color: #09bb07;float: right;margin-right: 1.8em;}
 .mui-popup-title .mynumber{width: 22%;color: #09bb07;}
.mui-popup-text p{margin-bottom: 0px;}
#gen .allToget p{display: inline-block;}

#gen  .mui-table-view-cell:after{background: white;}
#gen  .mui-table-view-cell{padding-right: 0px;}
#gen .mui-row {border-bottom: 1px solid lightgray;}
#gen .sp p{font-size:0.7em ;width: 190px;}
.yesBtn{width: 1.563em;height: 1.563em;color: white;font-size: 1em;border-radius: 50%;display: inline-block;
text-align: center;margin-top: 0.5em;float: right;line-height:1.563em;}
#gen .mui-navigate-right:after{margin-left: 0.8em;}


/*跟单详情*/
#infoGenKnow{width: 93%;margin: 0.938em auto;}
#infoGenKnow p{font-size: 1.2em;color: black;}
#infoGenKnow span{font-size: 0.8em;line-height: 2em;}


/*取消跟单*/
#cansel .wrap{padding: 0.938em}
#cansel a{color: #6a7fa5;display: block;padding-bottom: 0.8em;font-size: 0.8em;}
#cansel p{font-size: 0.85em;color: black;margin: 0.8em;}
#cansel .yesBtn{position: relative;top: 5px;}
#changeMoney{color:black;font-size: 1.4em;margin-bottom: 0.5em;}


/*选择水平*/
#chooseLevel h3{font-size: 1.2em;font-weight: bolder;color: rgb(85,85,85);text-align: center;margin-top: 5em;}
#chooseLevel a{text-align: center;}
#chooseLevel .imgBox img{height: 9.625em;}
#chooseLevel .imgBox p:nth-child(2){font-size:1.3em;}
#chooseLevel .imgBox p:nth-child(3){font-size:0.9em;color: rgb(85,85,85);}
#chooseLevel .wrap{width: 79%;margin: 3.2em auto;}
#chooseLevel .wrap a:first-child p:nth-child(2){color: rgb(233,151,104);}
#chooseLevel .wrap a:last-child p:nth-child(2){color: rgb(85,192,183);}


/*跟随者*/


/*排行榜*/

#ranking .mainchoose .mui-col-sm-6 a{color: white;background: rgb(63,64,67);height: 2.5em;text-align: center;
line-height: 2.5em;width: 100%;display: inline-block;}
#ranking .mainchoose  .mui-col-sm-6 .active{background: rgb(51,52,55) !important;}

/*综合榜*/
#ranking .zhTitle{height: 2.5em;}
#ranking .zhTitle .mui-col-sm-1{background: white;height: 100%;float: right;text-align: center;line-height: 2.5em;}
#ranking .zhTitle .mui-col-sm-1 i{color: rgb(187,187,187);}
#ranking .zhTitle .mui-col-sm-12{height: 2.5em;}
#ranking .zhTitle .mui-col-sm-12 .mui-col-sm-3{height: 2.5em;text-align: center;line-height:2.5em;}
#ranking .zhTitle .mui-col-sm-11{height: 2.5em;text-align: center;line-height: 2.5em;overflow: hidden;}
#ranking .zhTitle .mui-col-sm-11 .mui-col-sm-3{width: 5.530em;}

#ranking .zhTitle  .active{color: rgb(43,146,217);}
#ranking .zhTitle  .active hr{border-color: rgb(43,146,217);width: 30%;opacity: 1;}
#ranking .zhTitle  hr{margin: -0.2em auto;opacity: 0;}
#ranking .zhHead{height: 8em;background: url(../img/RankingList_banner2.png);text-align: center;
background-size: 100% 100%;position: relative;margin-top: 0.1em;}
#ranking .zhHead .goodHead{width: 4em;height: 4em;border-radius: 50%;border: 2px solid rgb(243,215,79);
margin-top: 0.6em;}
#ranking .zhHead p{color: rgb(243,215,79);margin: 0;margin-top: 0.1em;}
#ranking .zhHead .mask{height: 2em;background: rgba(0,0,0,0.7);position: absolute;bottom: 0;width: 100%;
color: rgb(243,215,79);line-height: 2em;font-size: 0.8em;overflow: hidden;}
#ranking .zhHead .mask img{height: 0.8em;position: relative;bottom: 0.1em;}
#ranking .zhHead .mask img:nth-child(1){margin-right: 0.3em;}
#ranking .zhHead .mask img:nth-child(2){margin-left: 0.3em;}
#ranking .zhHead .mask .inner{position: relative;}
#ranking .moneyPh .inner{height:4.5em;line-height: 4.5em;width: 90%;margin: 0 auto;}
#ranking .moneyPh .inner .mui-col-sm-7 img:nth-child(1){height: 2em;margin-right: 0.5em;position: relative;bottom: 0.1em;}
#ranking .moneyPh .inner .mui-col-sm-7 img:nth-child(2){width: 3.5em;height: 3.5em;border-radius: 50%;
margin-right: 0.5em;position: relative;bottom: 0.2em;}
#ranking .moneyPh .inner .mui-col-sm-7 span{font-size: 1.3em;width: 4.6em;display: inline-block;text-align: center;}
#ranking .moneyPh .inner .mui-col-sm-5{text-align: right;font-size: 1.5em;color: rgb(43,146,217);}


/*筛选*/
.screen{position: absolute;right: 0;top: 0;width: 75%;background: white;z-index: 9999;display: none;}
.screen .title{height: 2.5em;color: rgb(119,119,119);font-weight: bolder;background: rgb(238,238,238);
line-height: 2.5em;padding-left: 2em;}
.screen .mainInner .box{height: 2.5em;background: rgb(238,238,238);text-align: center;line-height: 2.5em;font-size: 1.2em;
color:rgb(119,119,119);border-radius: 5px;margin-right:0.7em ;position: relative;}
.screen .mainInner{margin: 3em 1.4em;width: 90%;}
.screen .foot{height: 5em;position: absolute;bottom: 0px;right: 0px;width: 100%;}
.screen .foot button{width:100%;height: 3.9em;border: none;border-radius: 0;color: white;font-size:1.3em;}
.screen .mainInner .active{background: rgb(196,231,255) !important;border: 1px solid rgb(43,146,217);}
.screen .mainInner .active p{color: rgb(43,146,217)}
.screen .foot .cz{background: rgb(43,146,217);}
.screen .foot .sure{background:rgb(229,153,53);}
#bigHasName{display: none;}
#mask{background: rgba(0,0,0,.5);z-index: 9998;position: absolute;top: 0;left: 0;display: none;}
.getWin p{margin-bottom: 0;}

/*跟随者尾部*/
footer{background-color: rgba(255, 255, 255, 1);position: fixed;bottom: 0px;width: 100%;
text-align: center;z-index: 999;}
footer img{margin-top: 0.2em;height: 2em;}
footer .mui-table-view-cell{padding: 3px 15px;}   
footer p{color: rgb(43,146,217);margin-bottom: 0.2em;}
footer .mui-table-view-cell>a:not(.mui-btn){margin: 0;}
footer .mui-content{background: white;}

/*登录页面*/
#login{background: rgb(43,146,217);overflow: hidden;}
#login img{width: 6.250em;margin: 0 auto;margin-top: 3em;display:block;}
#login input{padding-left:2.6em ;margin-bottom: 1.3em;}
#login .box{padding:2em 3.500em;}
#login .box .innerBox{position: relative;}
#login .box .innerBox i{color:rgb(43,146,217);position: absolute;}
#login .box .innerBox i:nth-child(2){top: 0.35em;left:0.438em ;}
#login button{height: 40px;width: 100%;background: rgb(48,166,248);border-color: rgb(48,166,248);
color: white;margin-top: 0.7em;}
#login p{color: white;position: absolute;bottom: 2em;left: 0; right: 0; margin-left: auto; 
  margin-right: auto;width: 12em;text-align: center;}
#login a{color: white;text-decoration: underline;}






::-webkit-input-placeholder { /* WebKit browsers */ 
font-size: 0.75em;color: #bfbfbf;
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
font-size: 0.75em;color: #bfbfbf;
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
font-size:  0.75em;color: #bfbfbf;
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
font-size:  0.75em;color: #bfbfbf;
}

#spectilf{margin-top: 0.5em;line-height: 2.4em;font-size: 1.1em;}


.triangle-bottomright {
	width: 0;
	height: 0;
	border-bottom: 1.250em solid #2d95e8;
	border-left: 1.250em solid transparent;
	position: absolute;
	right: 0;
	bottom: 0;
	display: none;
}

.triangle-bottomright img {
	position: relative;
	width: 20px;
	height: 20px;
	right: 1em;
	bottom: 0.6em;
}
